<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/nav.css">
</head>
<body>
<h1>多级导航条页面</h1>
<!--    一级导航条-->
<ul class="one">
    {% for item_one in one %}
    {% for key,value in item_one.items %}
    <li>
        <p>{{key}}</p>
        <!--二级导航条-->
        <ul class="two">
            {% for item_two in value %}
            {% for key_two,value_two in item_two.items %}
            <li>
                <p>{{key_two}}</p>
                <!-- 三级导航条   -->
                <ul class="three">
                    {% for item_three in value_two %}
                    <li>{{item_three}}</li>
                    {% endfor %}
                </ul>
            </li>
            {% endfor %}
            {% endfor %}
        </ul>
    </li>
    {% endfor %}
    {% endfor %}
</ul>
</body>
</html>